<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>个人页面</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			#to {
				width: 100%;
				height: 50px;
				background-color: blue;
				position: sticky;
				top: 0px;
			}
			
			.tobu { 
				width: 80px;
				height: 50px;
				background-color: yellow;
				list-style: none;
				float: left;
				text-align: center;
				line-height: 50px;
			}
			
			#clear {
				clear: both;
			}
			
			#to ul li {
				margin-left: 20px;
				list-style: none;
			}
			
			#to ul {
				margin-left: 50px;
			}
			
			#tp {
				width: 100%;
				height: 500px;
			}
			
			#school {
				background-color: gainsboro;
				text-align: center;
			}
			
			#hometown {
				background-color: gainsboro;
				text-align: center;
			}
			
			#classmate {
				background-color: gainsboro;
				text-align: center;
			}
			
			.img-detail {
				width: 800px;
				height: 500px;
			}
			
			.wenzi {
				width: 800px;
				margin: 0 auto;
			}
			
			#tp1 {
				width: 20px;
				height: 20px;
			}
			
			#tp2 {
				width: 20px;
				height: 20px;
			}
			
			#tp3 {
				width: 20px;
				height: 20px;
			}
			
			#tp4 {
				width: 20px;
				height: 20px;
			}
			
			#tp5 {
				width: 40px;
				height: 40px;
			}
			
		
		</style>
	</head>

	<body>
		<div id="to">
			<ul>
				<li class="tobu">
					<a href="../华为/index.html">华为</a>
				<li>
				<li class="tobu">
					<a href="../秘密文件/表单元素.html">填写质料</a>
				<li>
				<li class="tobu">
					<a href="./index.html">我的家乡</a>
				<li>
				<div id="clear"></div>
			</ul>
		</div>
		<img id="tp" src="./ing/4.jpg">
		<!-- 我的学校 -->
		<div id="school">

			<p>
				<h2>欢迎来到我的主页</h2></p>

			<p id="kaito">
				<h3>这是我的学校</h3></p>

			<div class="wenzi">
				<p>
					<h4>郑州轻工业大学是河南省人民政府和国家烟草专卖局共建高校，卓越工程师教育培养计划高校、河南省重点建
                        设骨干高校、河南省博士学位授予重点立项建设单位，入选河南省优势特色学科建设工程。
                        1977年，郑州轻工业
                        学院创建，原隶属国家轻工业部; 1998年转属河南省人民政府; 2009年被列为河南省博士学位授予单位立项建设
                        高校; 2011年成为河南省人民政府和国家烟草专卖局共建高校; 2018年， 学校被确定为河南省博士学位授予重点
                        立项建设单位，12月更名为郑州轻工业大学。</h4></p>
			</div>
			<img class="img-detail" src="./ing/1.jpg">
			<hr />
		</div>
		<!-- 我的家乡 -->
		<div id="hometown">
			<p>
				<h2>我的家乡</h2></p>
			<div class="wenzi">
				<p>
					<h4>先主山上原有先主庙一处，规模较大，年代久远，约为清康熙年间建成，并于乾隆年间进行了- -次大的翻修与
                        扩建，此后历代也进行过规模较小的修缮，主要供奉三国时期的刘备、关羽、张飞三兄弟和曾躬耕与南阳卧龙岗上
                        的智圣诸葛亮。建国后，在文化大革命前期由于“反迷信”口号的影响，规模庞大，历史悠久的先主庙被毁于一
                        旦，实在令人惋惜。先主山以北500米的石家村小学(又名石宋李小学)的几间青砖校舍，就是用先主庙拆下来的
                        青砖木材建的，现在青砖校舍已经变成一片废墟， 也算是老先主庙最后留下来的东西。后来人们又在山南面修建新
                        庙，只是规模很小，只有三间房子和一个小院子。几十年后，由于先主庙墙体迸裂，无法修缮，于是人们弃之并在
                        山东南面重修新庙，规模仍然只有三间房子和一个院子，此庙保存至今。
                        </h4></p>
			</div>
			<img class="img-detail" src="./ing/2.jpg" />
			<hr />
		</div>
		<!-- 我的同学 -->
		<div id="classmate">
			<p>
				<h2>我的同学</h2></p>

			<div class="wenzi">
				<p>
					<h4>冰心(1900~1999) 现、当代女作家，儿童文学作家。原名谢婉莹，笔名冰心女士，男士等。原籍福建长
                        乐，生于福州，幼年时代就广泛接触了中国古典小说和译作。1918年入协和女子大学预科，积极参加五四运动。
                        1919年开始发表第一篇小说《两个家庭》，此后，相继发表了《斯人独惟悴》、《去国》 等探索人生问题的“问
                        题小说”。同时，受到泰戈尔《飞鸟集》的影响，写作无标题的自由体小诗。这些晶莹清丽、轻柔隽逸的小诗，后
                        结集为<繁星>和《春水》出版，被人称为“春水体”。1921年加入文学研究会。同年起发表散文《笑》和《往
                        事》。1923年毕业于燕京大学文科。赴美国威尔斯利女子大学学习英国文学。在旅途和留美期间，写有散文集
                        《寄小读者》，显示出婉约典雅、轻灵隽丽、凝炼流畅的特点，具有高度的艺术表现力，比小说和诗歌取得更高的
                        成就。这种独特的风格曾被时人称为“冰心体”，产生了广泛的影响。
                        </h4></p>
			</div>
            <img class="img-detail" src="./ing/3.jpeg" />
			
				
			
			<hr />
		</div>
	</body>

<ml>